<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
    <meta name="description"
          content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
    <title>yoga</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/yoga.css">
    <link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all.css">
    <link rel="shortcut icon" href="../home/images/Yoga_03.png" type="image/png">
    <script type="text/javascript" src="../front_js/jquery.min.js"></script>
</head>
<body>
<header class="blogstandard-background jzz-top">
    <!--顶部图标-->
    <img src="../home/images/01HomeYoga_03.png" alt=""/>
    <!--顶部二级导航-->
    <ul class="clearfix">
        <li><a href="#">Home</a>
            <ol>
                <li><a href="#">Yoga studio</a></li>
                <li><a href="#">Fitness club</a></li>
                <li><a href="#">Gym</a></li>
                <li><a href="#">Health club</a></li>
                <li><a href="#">Coach</a></li>
                <li><a href="#">Dance</a></li>
            </ol>
            <i></i></li>
        <li><a href="#">Pages</a>
            <ol>
                <li><a href="#">About Us </a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol>
            <i></i></li>
        <li><a href="#">Events</a>
            <ol>
                <li><a href="#">All Events</a></li>
                <li><a href="#">Events One</a></li>
                <li><a href="#">Events Two</a></li>
                <li><a href="#">Events Three</a></li>
                <li><a href="#">Events Four</a></li>
                <li><a href="#">Single Event</a></li>
            </ol>
            <i></i></li>
        <li><a href="#">Portfolio</a>
            <ol>
                <li><a href="#">Column 3 Сols</a></li>
                <li><a href="#">Columns 4 Сols Wide</a></li>
                <li><a href="#">4 Сols Masonry</a></li>
                <li><a href="#">Four Columns</a></li>
                <li><a href="#">Gallery</a></li>
            </ol>
            <i></i></li>
        <li class="fff"><a href="#">Blog</a>
            <ol>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol>
            <i></i></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
    <!--顶部二级导航右侧图标-->
    <div class="home-index-cart">
        <span><a href="#"><img src="../home/images/serch.png" alt=""/></a></span>
        <span><a href="#"><img src="../home/images/shop.png" alt=""/></a><div>0</div></span>
        <span>
                <a href="#"><img src="../home/images/earth.png" alt=""/></a>
                <strong>EN</strong><strong>+</strong>
            </span>
    </div>
    <div class="jzz-tt-posa">
        <div class="home-logo">
            <img src="../im/VectorSmartObject5.png">
        </div>
        <div class="upcoming-words home-words">
            <p>Instructors</p>
        </div>
        <div class="color home-wrap-content">
            <p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus
                ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum
                ullamcorper, magna vitae ornare pretium</p>
        </div>
    </div>
    <script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function (index, element) {
            $(this).attr("index", index);
        })
        $("header>ul>li").mouseenter(function () {
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function () {
                $("header ol").hide();
                $("header i").hide();
            })
        })
    </script>
</header>
<div class="shop clearfix">
    <div class="content blogstandard-section standardpost-section box-X">
        <div class="content4">
            <div class="showing box-X pub-wrap-all">
                <p class="home-y-content">Showing 1–9 of 18 results</p>
                <div class="show-search">
                    <input type="text" name="" class="border2" placeholder="Default sorting">
                    <img src="../im/Shape612.png">
                </div>
            </div>
            <ul class=" showing-wrap-li book-class pub-wrap-all flexbox">
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
                <li class='showing-ul home-y-s-bc'>
                    <div>
                        <img src="../im/Layer748.png">
                    </div>
                    <div class="online ourclass-details">
                        <p class="class-name home-y-words">Mindful Resilience</p>
                        <p class="class-detail home-y-content"><img src="../im/Shape52291.png"></p>
                        <p class="gym-money money-color">$ 79.99</p>
                        <a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
                    </div>
                </li>
            </ul>
            <div class="showing-123">
                <ul class="showing-123-ul show-123p border2">
                    <li class="showing-123-li">1</li>
                    <li>2</li>
                    <li>3</li>
                    <img src="../im/arrows.png" class="show-123p">
                </ul>
            </div>
        </div>
        <div class="right jzz-ets-classes">
            <!--顶部搜索框-->
            <input class="input1" type="text" placeholder="Search" />
            <img src="../blogstandard/images/23BlogBlogStandard_03.png" alt="" />
            <!--模板和内容-->
            <div class="tem">
                <dl>
                    <dt>Categories</dt>
                    <dd>Exercise (12)</dd>
                    <dd>Fitness (3)</dd>
                    <dd>Health (3)</dd>
                    <dd>Lifestyle (2)</dd>
                    <dd>Motivation (4)</dd>
                    <dd>Nutrition (8)</dd>
                    <dd>Running (16)</dd>
                    <dd>Vitamins (3)</dd>
                </dl>
                <img class="img2" src="../blogstandard/images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="shop-jdt">
                <dl>
                    <dt class="shop-smalltitle">Filter By Price</dt>
                    <dd class="jzz-sp-jdt4">
                        <ul>
                            <li class="lqiu bd-radius"></li>
                            <li class="huibd"></li>
                            <li class="liangbd"></li>
                            <li class="rqiu bd-radius"></li>
                        </ul>
                    </dd>
                    <dd class="jzz-sp-dibu">
                        <ul class="box-X">
                            <li>Price: $2 — $35</li>
                            <li class="jzz-sp-bt bd-radius">Filter</li>
                        </ul>
                    </dd>
                </dl>
                <img src="../blogstandard/images/24BlogBlogStandard_03.png" alt="" />
            </div>
            <div class="shop-tem">
                <dl>
                    <dt class="shop-smalltitle">Cart</dt>
                    <dd class="bg-c shopd1 box-sizing">
                        <img src="../images/Shop_jiezhi_03.png" alt="">
                        <ul>
                            <li><p>Activity Wristband<img src="../images/Shop_cha_03.png" alt="" /></p></li>
                            <li>1 x $955.50</li>
                        </ul>
                    </dd>
                    <dd class="bg-c shopd2 box-sizing">
                        <ul class="box-X">
                            <li>Subtotal:</li>
                            <li>$35.00</li>
                        </ul>
                    </dd>
                    <dd class="bg-c shopd3 box-sizing">
                        <ul class="clearfix">
                            <li class="bd-radius">View Cart</li>
                            <li class="bd-radius">Checkout</li>
                        </ul>
                    </dd>
                </dl>
                <img src="../blogstandard/images/24BlogBlogStandard_03.png" alt="" />
            </div>
            <div class="tem tem2">
                <dl>
                    <dt>Recent Posts</dt>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_03.png" alt="" />
                        <ul class="jzz-shop">
                            <li>23.03.2017</li>
                            <li class="jzz-xingxing">
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                            </li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_06.png" alt="" />
                        <ul class="jzz-shop">
                            <li>23.03.2017</li>
                            <li class="jzz-xingxing">
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                            </li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_08.png" alt="" />
                        <ul class="jzz-shop">
                            <li>23.03.2017</li>
                            <li class="jzz-xingxing">
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                                <img src="../images/huangse.png" alt="" />
                            </li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                </dl>
                <img class="img2" src="../blogstandard/images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem8">
                <dl>
                    <dt>Tag Coloud</dt>
                    <dd>
                        <ul class="clearfix">
                            <li>Beauty</li>
                            <li>Fitness</li>
                            <li>Green</li>
                            <li>Violet</li>
                            <li>Motivation</li>
                            <li>Nutrition</li>
                            <li>Training</li>
                            <li>Yoga</li>
                            <li>Zumba</li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<footer class="jzz-bott">
    <!--图标-->
    <img class="home-index-foottop" src="../home/images/home_index_foot_03.png" alt="">
    <!--文字-->
    <div class="home-index-footp">
        <p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
        <p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
    </div>
    <!--文字-->
    <p>Subscribe us</p>
    <!--邮件input框-->
    <div class="home-index-footserch">
        <input type="text" placeholder="Enter your email"/>
        <span>SEND</span>
    </div>
    <!--三个小图片-->
    <div class="home-index-footimg">
        <a href="#"><img src="../home/images/home_index_foot_07.png" alt=""/></a>
        <a href="#"><img src="../home/images/home_index_foot_09.png" alt=""/></a>
        <a href="#"><img src="../home/images/home_index_foot_11.png" alt=""/></a>
    </div>
    <!--底部导航-->
    <ul class="home-index-footnav clearfix">
        <li><a href="#">Home</a></li>
        <li><a href="#">Pages</a></li>
        <li><a href="#">Envents</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="../home/images/home_index_foot_14.png" alt=""/>
<script>
    $(".home-gotop").hide();
    $("body").ready(function () {
        $(".home-gotop").click(function () {
            $("html,body").animate({scrollTop: 0}, 250);
        });
        setInterval(function () {
            if ($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else {
                $(".home-gotop").show();
            }
        }, 500)
    });
</script>
</body>
</html>